/*
	Active by TEMPLATE STOCK
	templatestock.co @templatestock
	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/

/* TABLE OF CONTENTS

	1. Import section
	2. Basic styles
	3. Header
	4. Service Icons
	5. Subscribe
	6. Contact
	7. Footer
	8. Responsive

*/

/* 1. IMPORT SECTION */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap');

/* 2. BASIC STYLES */

html,
body {
	height: 100%;
}

* {
	font-family: 'Open Sans', sans-serif;
}

body {
	font: 16px/1.5;
	background-color: #fff;
	color: #262626;
	font-weight: 300;
}

a {
	color: #262626;
	transition: all 0.125s ease-in-out 0s;
	-moz-transition: all 0.125s ease-in-out 0s;
	-webkit-transition: all 0.125s ease-in-out 0s;
	-o-transition: all 0.125s ease-in-out 0s;
	-ms-transition: all 0.125s ease-in-out 0s;
}

a:hover {
	color: #68c3a3;
}

a,
a:hover,
a:active,
a:focus {
	outline: 0;
	border: 0;
	text-decoration: none;
}

#st-preloader {
	background: #fff;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9999;
}

p {
	line-height: 1.5;
}

#pre-status,
.preload-placeholder {
	background-image: url(../images/preloader.gif);
	background-position: center;
	background-repeat: no-repeat;
	height: 40px;
	left: 50%;
	margin: -20px 0 0 -20px;
	position: absolute;
	top: 50%;
	width: 40px;
}

.preload-placeholder {
	background: none;
	left: 0;
	margin: 0;
	text-align: center;
	top: 65%;
}

/* 3. HEADER */

.st-header {
	position: relative;
	background-image: url(header-bg.jpg);
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 100vh;
	min-width: 100vw;
}

.header-overlay {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.7);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.st-header-content {
	padding-top: 12%;
}

.st-header-title {
	color: #fff;
	padding-top: 40px;
}

.st-header-title h2 {
	font-size: 56px;
	margin-bottom: 20px;
}

.st-header-title h2 span {
	font-weight: 700;
	text-transform: uppercase;
	color: #ffffff;
}

.logo {
	width: 100%;
}

.logo img {
	width: 100%;
	max-width: 400px;
}

/* 8. RESPONSIVE */

@media (max-width: 767px) {
	.st-header {
		height: auto !important;
	}

	.st-header {
		height: auto !important;
	}

	.logo img {
		max-width: 200px;
	}

	.st-header-title h2 {
		font-size: 55px;
		margin-bottom: 10px;
	}
}

@media (max-width: 479px) {
	.st-service-box p {
		padding: 0 10%;
	}

	.subscribe input[type='email'] {
		width: 100%;
		border-radius: 3px 3px 0 0;
	}

	.subscribe input[type='submit'] {
		width: 100%;
		border-radius: 0 0 3px 3px;
	}

	.contact-form input[type='submit'] {
		width: 100%;
	}
}